* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

:root {
  --main-color: #126983;
  --default13px: 13px;
  --default12px: 12px;
  --otherFontColor: #333333;
  --borderBottomColor: #cccccc;
  --defaultBorderColor: #f4f4f4;
  --timeFontColor: #a6a6a6;
  --el-color-primary: #126983 !important;
  --bgColor: #f3f7f9;
  --timeColor: #999999;
}

.flex {
  display: flex;
}
.column {
  display: flex;
  flex-direction: column;
}
.wrap {
  display: flex;
  flex-wrap: wrap;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.a-l_c {
  display: flex;
  align-items: center;
}
.j-c_c {
  display: flex;
  justify-content: center;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.j-c_s-b {
  display: flex;
  justify-content: space-between;
}
.j-c_s-a {
  display: flex;
  justify-content: space-around;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-two-ellipsis {
  display: -webkit-box; /* 使用弹性盒模型布局 */
  -webkit-line-clamp: 2; /* 显示两行文本 */
  -webkit-box-orient: vertical; /* 垂直排列文本 */
  overflow: hidden; /* 隐藏超出部分的文本 */
  text-overflow: ellipsis; /* 在文本溢出时显示省略号 */
}